<template>
<div style="">
    <div class="fbox"></div>
   <div class="footbox">
  <div class="footer">

      <li class="on">
        <a href="/front/myVue%20-%20副本/static#/orderindex">
          <i class="el-icon-s-home"></i>
          <p class="a1">首页</p>
        </a>
      </li>
      <li>
        <a href="/front/myVue%20-%20副本/static#/orderget">
          <i class="el-icon-guide"></i>
          <p class="a1">接单</p>
        </a>
      </li>
      <li>
        <a href="/front/myVue%20-%20副本/static#/orderput">
         <i class="el-icon-medal-1"></i>
          <p class="a1">订单</p>
        </a>
      </li>
      <li>
        <a >
          <!-- <img src="images/f04.png" /> -->
          <i class="el-icon-user-solid img" style="font-size:120%;margin-bottom:2px;"></i>
          <p class="a1">我的</p>
        </a>
      </li>
    <!-- </ul> -->
  </div>
</div>

</div>
</template>
<script>
 export default {
    data() {
      return {
        push1:'/orderindex',
      }
    },
    methods:{
        jie(){
            this.$router.push("/orderget")
        }
    }
 }
</script>

<style scoped>
a{
    text-decoration: none;
}
.a1{
    /* margin-bottom: 0px; */
    margin: 0;
}
.fbox{ width:100%; height:2.7rem}
.footbox{width:100%; max-width:100%; margin:0 auto; }
.footer{ position:fixed;width:100%;max-width:100%;bottom:0;background:#fff;z-index:99999;padding-top:0.2rem;border-top:1px solid #eee;height:2.5rem;}
.footer { overflow:hidden;}
.footer  li{ float:left; width:25%; text-align:center;height: 100%;list-style: none;}
.footer  li img{ height:1.3rem;}
.footer  li i{ height:1.3rem;font-size:120%;margin-bottom:2px;}
.footer  li p{ text-align:center; color:#333; font-size:0.75rem; height:1.2rem; line-height:0.9rem}
.footer  li.on p{ color:#ff2150}

/* .fbox{ width:100%; height:2.7rem}
.footer {
    position: fixed;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    background: #fff;
    z-index: 99999;
    padding-top: 0.2rem;
    border-top: 1px solid #eee;
    height: 2.5rem;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #666;
}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    text-align: center;
    color: #333;
    font-size: 0.75rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
img {
    height: 1.3rem;
    max-height: 100%;
    max-width: 100%;
    border: 0;
}
ul {
    text-decoration: none;
    overflow: hidden;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
} */
</style>
